@import '../../../assets/styles/mixin.styl'
.list-pannel
  background-color: #F5F5F7
  .ul
    .li
      wh(100%, 230px)
      fj(space-between)
      box-sizing: border-box
      padding: 15px 40px
      background-color: #fff
      margin-bottom: 20px
      &:last-child
        margin-bottom: 0
      .logo
        wh(180px, 200px)
        border-radius: 8px
        overflow: hidden
        margin-right: 15px
        .img
          width: 100%
          height: 100%
          background-size: cover
      .hotel-section
        width: 0
        flex: 1
        fj()
        flex-direction: column
        .star-and-fitup
          fj(flex-start)
          align-items: center
          text
            sc(24px, #666)
            margin-left: 10px
        .name
          sc(30px, #333)
          font-weight: 600
          line-height: 40px
          max-height: 80px
          overflow hidden
          text-overflow: ellipsis
          display: -webkit-box
          -webkit-line-clamp: 2
          -webkit-box-orient: vertical
        .distance
          sc(24px, #666)
          line-height: 30px
          max-height: 60px
          overflow hidden
          text-overflow: ellipsis
          display: -webkit-box
          -webkit-line-clamp: 2
          -webkit-box-orient: vertical
        .tags-and-price
          fj(space-between)
          align-items: center
          .price-box
            display: flex
            align-items: baseline
            line-height: 38px
            .symbol
              sc(26px, $color-price)
            .num
              sc(38px, $color-price)
              margin-right: 4px
            .subtext
              sc(20px, #888)
